<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ include file="../session.jsp"%>
<!DOCTYPE html>
<html lang="ko">
  <head>
  	<%@ include file="../head.jsp"%>${alert}
  </head>
  <body>
  	<%@ include file="../menu.jsp"%>
	<div class="container">
		<div class="page-header clearfix">
			<h2 class="pull-left">화제의제품 관리</h2>
			<div class="pull-right" style="padding-top: 30px">
				<a href="insertHotProduct.do" class="btn btn-info">등록하기</a>
			</div>
		</div>
		
		<span class="pull-left" style="margin-bottom:10px;">등록 : ${page.totalArticleCount}건 / 활성 : ${display}건 / 비활성 : ${unDisplay}건</span>
		<div class="table-responsive">
			<table class="table table-striped table-hover">
				<thead>
					<tr class="warning row">
						<th class="text-center col-md-1">Top</th>
						<th class="text-center col-md-2">브랜드명</th>
						<th class="text-center col-md-3">카테고리</th>
						<th class="text-center col-md-2">제품명</th>
						<th class="text-center col-md-1">시작일</th>
						<th class="text-center col-md-1">종료일</th>
						<th class="text-center col-md-1">수정</th>
						<th class="text-center col-md-1">
							<c:choose>
								<c:when test="${sort eq 'isDisplay'}">
									<a href="hotProduct.do?order=isUnDisplay">전시여부 ▲</a>
								</c:when>
								<c:otherwise>
									<a href="hotProduct.do?order=isDisplay">전시여부 ▼</a>
								</c:otherwise>
							</c:choose>
						</th>
					</tr>
				</thead>
				<tbody>
					<c:forEach items="${hotProduct}" var="list">
						<tr class="text-center row">
							<td class="col-md-1">
								<c:if test="${list.isTop == 1}">Y</c:if>
								<c:if test="${list.isTop == 0}">N</c:if>
							</td>
							<td class="col-md-2">${list.idBrandValue}</td>
							<td class="col-md-3">${list.idFirstCategoryValue} / ${list.idSecondCategoryValue}</td>
							<td class="col-md-2">${list.idProductValue}</td>
							<td class="col-md-1">${fn:substring(list.start_date, 0, 4)}-${fn:substring(list.start_date, 4, 6)}-${
								fn:substring(list.start_date, 6, 8)}</td>
							<td class="col-md-1">${fn:substring(list.end_date, 0, 4)}-${fn:substring(list.end_date, 4, 6)}-${
								fn:substring(list.end_date, 6, 8)}</td>
							<td class="col-md-1">
								<a href="updateHotProduct.do?pId=${list.idProduct}&sId=${list.idSecondCategory}&type=HOT">
									<button type="button" class="btn btn-primary btn-sm">수정</button>
								</a>
							</td>
							<c:choose>
								<c:when test="${list.isDisplay == 1}">
									<td class="col-md-1">Y
										<a href="hotProduct.do?page=${page.nowPage}&pId=${list.idProduct}&sId=${
											list.idSecondCategory}&type=HOT&isDisplay=${list.isDisplay}${order}">
											<button type="button" class="btn btn-xs btn-defalut unDisplay">삭제</button>
										</a>
									</td>
								</c:when>
								<c:otherwise>
									<td class="col-md-1">N
										<a href="hotProduct.do?page=${page.nowPage}&pId=${list.idProduct}&sId=${
											list.idSecondCategory}&type=HOT&isDisplay=${list.isDisplay}${order}">
											<button type="button" class="btn btn-xs btn-primary display">승인</button>
										</a>
									</td>
								</c:otherwise>
							</c:choose>
						</tr>
					</c:forEach>
				</tbody>
			</table>
		</div>
		
		<div class="text-center">
			<ul class="pagination">

				<!-- 이전 그룹 -->
				<c:choose>
					<c:when test="${page.startPage > page.pageGroupCount}">
						<li><a href="hotProduct.do?page=${page.startPage-1}${order}">&laquo;</a></li>
					</c:when>
					<c:otherwise>
						<li class="disabled"><a href="#">&laquo;</a></li>
					</c:otherwise>
				</c:choose>
				
				<!-- 페이지 번호 -->
				<c:forEach begin="${page.startPage}" end="${page.endPage}" step="1" var="now">
					<c:choose>
						<c:when test="${page.nowPage == now}">
							<li class="active"><a href="#">${now}</a></li>
						</c:when>
						<c:otherwise>
							<li><a href="hotProduct.do?page=${now}${order}">${now}</a></li>
						</c:otherwise>
					</c:choose>
				</c:forEach>

				<!-- 다음 그룹 -->
				<c:choose>
					<c:when test="${page.endPage < page.lastGroupFirstPage}">
						<li><a href="hotProduct.do?page=${page.endPage+1}${order}">&raquo;</a></li>
					</c:when>
					<c:otherwise>
						<li class="disabled"><a href="#">&raquo;</a></li>
					</c:otherwise>
				</c:choose>

			</ul>
		</div>

	</div>
	<!-- Javascript -->
	<script src="assets/js/jquery.js"></script>
	<script src="assets/js/bootstrap.min.js"></script>
	<script>
		$(function() {
			$("#searchdiv").hide();
			
			$("#opensearch").click(function() {
				$("#searchdiv").toggle();
				return false;
			});
			
			$(".unDisplay").click(function() {
				if (!confirm("정말 비활성처리 하시겠습니까?")) {
					return false;
				}
			});
			
			$(".display").click(function() {
				if (!confirm("정말 승인처리 하시겠습니까?")) {
					return false;
				}
			});
		});
	</script>
  </body>
</html>